gusucode.com > 婚纱摄影网站模版整站源码 1.1 > 婚纱摄影网站模版整站源码 1.1.3/婚纱2/template/slide/pattern/mF_rapoo.js

    myFocus.extend({//*********************雷柏风格******************
	mF_rapoo:function(par,F){
		var box=F.$(par.id);
		F.addList(box,['txt','num','prev','next']);
		var pic=F.$li('pic',box),txt=F.$li('txt',box),num=F.$li('num',box),pre=F.$c('prev',box),nex=F.$c('next',box);
		var n=txt.length;//运行时相关参数
		pre.innerHTML='<a href="javascript:;">&#8249;</a>';nex.innerHTML='<a href="javascript:;">&#8250;</a>';//前后箭头
		//CSS
		var txts=F.$c('txt',box),nums=F.$c('num',box),txtW=par.txtWidth=='default'?68:par.txtWidth||68;//设置默认的文字宽度;
		txts.style.width=(n-1)*24+txtW+'px';nums.style.width=n*24+6+txtW+'px';
		pre.style.right=parseInt(nums.style.width)+26+'px';
		for(var i=0;i<n;i++){
			txt[i].style.left=i*24+'px';
			pic[i].style.left=par.width+'px';
		}
		//PLAY
		eval(F.switchMF(function(){
			txt[index].style.width=0+'px';
			num[index].className='';
			for(var i=0;i<n;i++) num[i].style.marginLeft=6+'px';
			nex.style.right=88+'px'
		},function(){
			pic[next].style.zIndex=1;
			F.slide(pic[next],{left:0},400,'easeInOut',function(){this.style.zIndex='';if(prev!==next){pic[prev].style.left=par.width+'px';}}).slide(txt[next],{width:txtW},400,'easeInOut').slide(nex,{right:14},400,'easeInOut');
			if(next<n-1) F.slide(num[next+1],{marginLeft:txtW+12},400,'easeInOut');
			num[next].className='current';
		}));
		eval(F.bind('num','"click"',par.delay));//让其只支持click点击
		eval(F.turn('pre','nex'));
	}
});
myFocus.set.params('mF_rapoo',{//可选个性参数
	txtWidth:68//文字段宽度(像素)
});